.content{
  /*position: absolute;*/
  /*top: 0;*/
  /*right: 0;*/
  /*left: 0;*/
  /*bottom: 0;*/
  background-color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll;
}

.title{
  /*width: 100%;*/
  height: 2.8125em;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  flex-direction: column;
  background-color: #fff;
  color: #000;
  position: fixed;
  border-bottom: 0.0625em solid #E4E4E4;
}

.titleIcon{
  width: 0.5625em;
  height: 0.9375em;
  position: absolute;
  padding: 0.93em;
}

.complete{
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.77em;
}

.titleText{
  height: 2.8125em;
  line-height: 2.4em;
  display: flex;
  justify-content: center;
  font-size: 1.125em;
  letter-spacing: 12px;
}


.part{
  display: flex;
  flex-direction: column;
  padding: 1em 0.6em 0em 0.6em;
}

.text{
  font-size: 0.95em;
  color: #878787;
}
.enterName{
  margin-top: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
}


.enterID{
  margin-top: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.enterBankCard{
  margin-top: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.headName{
  font-weight: bold;
  margin-top: 0.1em;
}

.headID{
  font-weight: bold;
  margin-top: 0.1em;
}


.info{
  font-size: 0.8125em;
  color: #878787;
  padding: 0.3em 0;
}

.inputName{
  margin-top:0.5em;
  margin-left: 0;
  margin-right: 0;
  /*width: 100%;*/
  height: 2em;
  font-size: 1em;
}
.inputID{
  margin-top:0.3em;
  margin-left: 0;
  margin-right: 0;
  /*width: 100%;*/
  height: 2em;
  font-size: 1em;
}
.inputBankCard{
  margin-top:0.3em;
  margin-left: 0;
  margin-right: 0;
  /*width: 100%;*/
  height: 2em;
  font-size: 1em;
}

.upload{
  min-height: 8em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap:wrap;

}
.example1{
  flex: 45%;
  width: 50%;
  text-align: center;
  margin-top: 1em;
  padding: 0.6em;

}
.example2{
  flex: 45%;
  width: 50%;
  text-align: center;
  margin-top: 1em;
  padding: 0.6em;

}
.example3{
  flex: 45%;
  width: 50%;
  text-align: center;
  margin-top: 1em;
  padding: 0.6em;

}


.idPositive{
  width: 100%;
  height: auto;
}

.idNegative{
  width: 100%;
  height: auto;
}
.card {
  /*flex: 50%;*/
  width: 50%;
  /*width: 15em;*/
  height: auto;
  /*border: 1px solid #EBEBEB;*/
  padding: 1em;
}
.sublime{
  width: 100%;
  position: fixed;
  bottom: 0;
  font-size: 18px;
  height:4em;
  background-color: #FC7071;
  border: 1px solid #FC7071;
  color: #fff;
}

.footBtn{
  position: fixed;
  left: 0;
  right:0;
  bottom: 0;
}

.tipsContent{
  display: flex;
  justify-content: center;
  align-items: center;
}

.tips{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.8125em;
  margin-top: 1.2em;
  /*color: #FC6063;*/
  color: red;
}

.tips span{
  padding: 0.12em 0;
}
